<!DOCTYPE html>

<html>
	
<head>
    
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Title -->
<title>Bookish Fellow</title>

<!-- Stylesheets -->
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link href="css/jquery.selectBoxIt.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
    
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<link href="css/ie.css" rel="stylesheet">
<![endif]-->

</head>

<body>
	<!-- container -->
	<div class="container"> 
    	<!-- header -->
    	<header id="header">
        	<div class="row">
            	<div class="col-lg-4 col-md-4 col-sm-4">
                	<img id="logo" src="img/logo.png" alt="xxx">
                </div>
                
                <div class="col-lg-8 col-md-8 col-sm-8">
                	<ul id="upper-nav">
                    	<li class="light-blue"><a href="#">Registration</a></li>
                        <li class="red"><a href="#" class="red">Log In</a></li>
                    </ul>
                    <ul class="main-nav">
                    	<li><a href="#">Home</a></li>
                        <li><a href="#">Ebooks</a></li>
                    	<li><a href="#">Price packages</a></li>
                        <li><a href="#">Faq</a></li>
                    </ul>
                </div>
            </div>
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12">
					<ul class="main-nav sub-nav">
						<li><a href="#">PAYMENT DASHBOARD</a></li>
						<li><a href="#">ADD NEW TITLE</a></li>
						<li><a href="#">CONTENT</a></li>
						<li><a href="#">COVER</a></li>
						<li><a href="#">MY ACCOUNT</a></li>
						<li><a href="#">METADATA</a></li>
						<li><a href="#">PAYMENT METOD</a></li>
					</ul>
				</div>
			</div>

        </header>
       	<!-- /header --> 
        
        <!-- main-container -->
       <div class="main-container">
            
       		<!-- Page Heading -->
       		<section class="section blue page-heading">
            	<h1>Add New Title</h1>
            </section>
            <!-- \Page Heading -->
            
			
            <!-- Form -->
            <section class="section">
                
				<div class="row">
					
					<div class="col-lg-8 col-md-8 col-sm-10 col-lg-push-2 col-md-push-2 col-sm-push-1 align-left">
					
						<form class="bookish-form">
						
							<input type="text" placeholder="The title of your ebook">
							
							<label>Select a package</label><br>
							<input type="radio"><label>Silver $49</label><br>
							<input type="radio"><label>Gold $99</label><br>
							<input type="radio"><label>Platinum $149</label><br>
							
							<br>
							
							<textarea rows="6" placeholder="Short description of your ebook(400 word limit)"></textarea>
							<textarea rows="10" placeholder="Long description of your ebook(4000 word limit)"></textarea>
							
							<label>Language of ebook</label>
							<select>
								<option>Select language</option>
							</select>
							
							<label>Does your eBook contain adult content?</label><br>
							<input type="radio"><label>Yes</label><br>
							<input type="radio"><label>No</label><br><br>
							
							<label>Assign an ISBN to your eBOOK <span>(It costs $15)</span></label><br>
							<input type="radio"><label>Yes <span>(This registers BookishFellow as your publisher)</span></label><br>
							<input type="radio"><label>No</label><br><br>
							<input type="text" placeholder="Enter ISBN"><br><br>
							
							<input type="text" placeholder="Book price"><br>
							
							<label>Select a category and subcategory for your eBook:</label>
							<select>
								<option>Main category</option>
							</select>
							<select>
								<option>Subcategory</option>
							</select>
							<input type="text" placeholder="Enter a couple of keywords to help readers to discover your eBook">
							
							<label>Upload your manuscript</label><br>
							<input class="red input-file" data-file="#file1" data-input="#file-text1" type="button" value="Choose File">
							<input id="file1" type="file"><br>
							<label id="file-text1" class="wide-label"></label>
							<br><br>
							<p>We strongly recommend that you upload a Microsoft Word file (.doc and .docx). If you are not abvle to do so,
		please choose one of the formats listed below:</p>
							<ul>
								<li>RTF</li>
								<li>TXT</li>
								<li>HTML</li>
								<li>PDF</li>
							</ul>
							<p>
							If you need any further information regarding conversion take a look here.
							<br>
							In case you want to use a social media accounts in order to register with us
							</p>
							<br>
							<input type="Submit" value="Submit">
						
						</form>
					
					</div>
					
				</div>
				
            </section>
            <!-- \Form -->
			
			
       </div>
       <!-- \main-container -->
       
       <!-- footer -->
       <footer id="footer">
       	 <a href="#" id="back-to-top"></a>
       	  <div class="row">
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Bookishfellow</h4>
            <ul class="menu">
            	<li><a href="#">eBooks</a></li>
                <li><a href="#">Add New Title</a></li>
                <li><a href="#">Price Packages</a></li>
                <li><a href="#">Distribution</a></li>
                <li><a href="#">Publishing Agreement</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
            </ul>
            </div>
            
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Services</h4>
            <ul class="footer-menu">
            	<li><a href="#">eBook Cover Design</a></li>
                <li><a href="#">Author Website</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>
            </div>
            
            <div class="col-lg-12 col-md-12 col-sm-12">
            	<p id="copyright">Copyright © 2014, Darko Mitrovic, All rights reserved</p>
            </div>
         </div>
       </footer>
       <!-- \footer -->
    </div>
	<!-- /container -->
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.selectBoxIt.min.js"></script>
<script src="js/script.js"></script>
</body>

</html>